

<template>
  <div class="detail">
    <div class="tablesB"  >
      <el-table :data="thatF.dataPeiYao" border>
        <el-table-column type="index" width="70" label="序号">
        </el-table-column>
        <template v-for="(item, index) in tableTitle2">

          <el-table-column
            :width="item.width"
            :prop="item.prop"
            :label="item.name"
            :key="index + item"
           
          >
          </el-table-column>
        </template>
      </el-table>
    </div>
    <div style="margin-top:20px;width:30%;float:left">
           <el-pagination
          
            :background="true"
            :current-page="thatF.params2.page"
            :page-size="thatF.params2.limit"
            layout="prev, pager, next"
            @current-change="handlePagination"
            :total="thatF.params2.pageCount">
            </el-pagination>
            
      </div>
    

  </div>
</template>
<script>
let t;
import ViewTitle from "@/forComponents/viewTitle/index.vue";
import { mapState, mapActions } from "vuex";
export default {
  data() {
    return {
      dataPiHao:[],
      id:'',
      number:0,
      loading:false,
         saveData:{},
            tableTitle2: [
            {
          prop: "username",
          name: "患者姓名",
          type: 1,
         
        },
        {
          prop: "icu_name",
          name: "病区",
          type: 1,
        
        },
          {
           prop: "name",
          name: "药品信息",
          type: 1
          
        },
        {
          prop: "money",
          name: "总价",
          type: 1
        },
             {
           prop: "specification",
          name: "批号",
          type: 1
          
        },
         {
           prop: "unit",
          name: "单位",
          type: 1
          
        }, 
   
         
      ],
    };
  },
    components: {
    ViewTitle,
  },
  props: ['thatF'],
  methods: {
   handlePagination(e){
      this.thatF.params2.page=e;
      this.thatF.handleEdit(this.thatF.item2[0],this.thatF.item2[1],this.thatF.item2[2])
   }
  },
  computed: {
  }
 
};
</script>
<style lang='scss' scoped>
.addUdetailpdate {
  padding: 0 5%;
}
/deep/ .el-dialog__body {
  height: 70vh;
  overflow: scroll;
}
.tablesB{
  padding-top: 20px;
}
.buts{
    display: flex;
    margin-top: 50px;
    justify-content: center;
    >div{
        margin-right: 20px;
    }
}
  .el-table .warning-row {
    background: oldlace;
  }

</style>